<template>
  <div id="app">
    <MyHeader></MyHeader>
    <div style="height:calc(100vh - 90px);background:red;overflow-y:scroll">
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>2222222222222</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>2222222222222</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>333333333333333</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
      <h1>1111111111111</h1>
    </div>
    <MyFooter></MyFooter>
  </div>
</template>

<script>
import { MyFooter, MyHeader } from "@/components";
import { Toast } from "mint-ui";
import { mapActions } from "vuex";
export default {
  name: "app",
  components: { MyFooter, MyHeader },
  mounted() {
    this.getUserInfo().then(res => {
      console.log(res.data);
    });
  },
  methods: {
    ...mapActions(["getUserInfo"])
  },
  data() {
    return {
      selected: "我的"
    };
  }
};
</script>

<style>
* {
  margin: 0px;
  padding: 0px;
}

#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
}
</style>
